@media only screen and (max-width: 900px), only screen and (min-width: 770px) and (max-width: 1023px) {
body { 
	min-width: auto; 
	}
	.ancho { 
		width:auto; padding:0 
	}
	.fondo { 
		width:auto; 
		background-size:contain; 
		padding-bottom:24px; 
		margin:0 15px;
	}
	#fintra{
		margin: 0 auto;
		width: 90%;
	}
	#desintra{
		width: 90%;
	}
	form{
		margin: 0 auto;
	}
	h2 { 
		font-size:26px; 
		line-height:30px; 
		margin-bottom:5px;
	}
	nav li a { 
		padding:0 24px;
	} 
	#banner { 
		padding:0 20px 
	}  
	input[type=text], input[type=password]{
		width: 80%;
	}
}

@media only screen and (max-width: 770px), only screen and (max-device-width: 480px), only screen and (max-width: 770px) {
body { 
	min-width: auto; padding:50px 0 0 0 
	}
	.ancho { 
		width:auto; 
	}
	.fondo { 
		background:none; 
		width:auto; 
		padding:0; 
		margin:0 10px 
	}

	#logo { 
		text-align:center; 
		font-size:40px; 
		line-height:48px;
		display:block; 
		margin-bottom:15px;  
	}
	#header { 
		padding:15px 0 0
	}

	h2 { 
		font-size:24px; 
		line-height:30px; 
	}
	#menu { 
		display:block; 
	}
	nav { 
		border:solid 1px #e8e8e8; 
		border-width:1px 0; 
		margin:0 10px 21px; 
		text-align:center; 
		font-size:12px; 
	}
	nav ul { 
		border:none; 
		margin:0; 
		padding-bottom:0; 
	}
	nav li { 
		border-top:solid 1px #e8e8e8; 
		display:block; 
		margin:0; 
		border-radius:0;
	}
	nav li a { 
		width:100%; 
		height:auto; 
		border-radius:0; 
		line-height:35px; 
	}
	#banner { 
		padding:0 10px 
	}  

	#container { 
		padding-bottom:10px;
	}
	.control { 
		padding:0 10px;
	}

	#footer { 
		text-align:center; 
		padding:15px 0; 
	}
	.otro{
		margin-left: 0%;
	}
	input[type=text], input[type=password]{
	width: 94%;
	}

}
